<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ include file="../../base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
</head>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <!-- 内容头部 -->
    <section class="content-header">
        <h1>
            货运管理
            <small>新增装箱单</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="all-order-manage-list.html">货运管理</a></li>
            <li class="active">新增装箱单</li>
        </ol>

    </section>
    <!-- 内容头部 /-->
    <!-- 正文区域 -->
    <form id="editForm" name="fname"   action="${ctx}/cargo/shipping/edit.do" method="post" >
        <section class="content">

            <!--委托单信息-->
            <div class="panel panel-default">
                <div class="panel-heading">委托单信息</div>
                <div class="row data-type" style="margin: 0px">
                    <div class="col-md-2 title">运输方式</div>
                    <div class="col-md-4 data">
                        <div class="form-group form-inline">
                            <div class="radio"><label><input type="radio" ${shippigorder.orderType ==0?'checked':''} name="orderType" value="0">海运</label></div>
                            <div class="radio"><label><input type="radio" ${shippigorder.orderType ==1?'checked':''} name="orderType" value="1">空运</label></div>
                        </div>
                    </div>

                    <div class="col-md-2 title">货主</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="货主" name="shipper" value="${shippigorder.shipper}">
                    </div>
                    <div class="col-md-2 title">提单抬头</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="提单抬头" name="consignee" value="${shippigorder.consignee}">
                    </div>

                    <div class="col-md-2 title">正本通知人</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="正本通知人" name="notifyParty" value="${shippigorder.notifyParty}">
                    </div>
                    <div class="col-md-2 title">运输要求</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="运输要求" name="specialCondition" value="${shippigorder.specialCondition}">
                    </div>
                    <div class="col-md-2 title">装船日期</div>
                    <div class="col-md-4 data">
                        <div class="input-group date">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input type="text" placeholder="装船日期"  name="loadingDate" class="form-control pull-right"
                                   value="<fmt:formatDate value="${shippigorder.loadingDate}" pattern="yyyy-MM-dd"/>" id="loadingDate">
                        </div>
                    </div>
                </div>

                <!--委托单信息/-->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">装箱单列表</h3>
                    </div>
                    <!--装箱单信息-->
                    <div class="box-body">

                        <!-- 数据表格 -->
                        <div class="table-box">
                            <!--数据列表-->
                            <table class="table table-bordered table-striped table-hover dataTable" id="mRecordTable">
                                <thead>
                                <tr class="rowTitle" align="middle">

                                    <th class="" style="padding-right:0px;"></th>
                                    <th class="sorting">卖方</th>
                                    <th class="sorting">买方</th>
                                    <th class="sorting">唛头</th>
                                    <th class="sorting">总体积</th>
                                    <th class="sorting">总毛重 </th>
                                    <th class="sorting">总净重</th>
                                    <th class="sorting">状态</th>

                                </tr>
                                </thead>

                                <c:forEach items="${packing}" var="o" varStatus="status"><tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" >

                                    <td><input type="radio"name="id" value="${o.id}"/></td>
                                    <td>${o.seller}</td>
                                    <td>${o.buyer}</td>
                                    <td>${o.marks}</td>
                                    <td>${o.totalVolume}</td>
                                    <td>${o.grossWeights}</td>
                                    <td>${o.netWeights}</td>
                                    <td>
                                        <c:if test="${o.state==0}">草稿</c:if>
                                        <c:if test="${o.state==1}"><font color="green">已委托</font></c:if>
                                    </td>
                                </tr>
                                </c:forEach>
                            </table>
                            <!--数据列表/-->
                            <!--工具栏/-->
                        </div>
                        <!-- 数据表格 /-->
                    </div>

                </div>


                <!--装箱单信息/-->
                <!--工具栏-->
                <div class="box-tools text-center">
                    <%--<button type="button" onclick='document.getElementById("editForm").submit()' class="btn bg-maroon">保存</button>--%>
                    <button type="submit" class="btn bg-maroon">保存</button>
                    <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
                </div>


                <!--工具栏/-->
            </div>
        </section>
        <!-- 正文区域 /-->
    </form>


</div>
</body>
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<link rel="stylesheet" href="../../css/style.css">
<script>
    $('#loadingDate').datepicker({
        autoclose: true,
        format: 'yyyy-mm-dd'
    });


</script>

</html>
